@import "./dialog.less";
.aky_home{
    .header{
        width:100vw;
        height:9vh;
        background-color:#0a127d;
        font-size:2.4vh;

        .top_md{
            position:relative;
            float:left;
            width:38vw;
            height:9vh;

            .title_span{
                position:relative;
                margin:0 1vw;
                height:8.9vh;
                text-align:center;
                line-height:9vh;
                font-size:2vh;
                color:#fff;
                cursor:pointer;
                &:hover{color:#00FFFF;border-bottom:0.2vh solid #00FFFF}
                &.is-active{
                    color:#00FFFF;border-bottom:0.2vh solid #00FFFF;
                    .el-dropdown-link{
                        color:#00FFFF;
                    }
                }
            }
        }
        .top_img{
            height:9.3vh;
            width:24vw;
            background-size: 100% 100%;
            background-position: center center;
            position:relative;
            float:left;
            text-align:center;
            color:#fff;
            line-height:9vh;

            .title{
                text-shadow:-1px -1px 1px #fff,1px 1px 1px #002454;
                background-image: -webkit-gradient(linear,0 0, 0 bottom, from(#fff), to(#BAEDF1));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
        }
    }
    .content{
        z-index:1;height:91vh;top:9vh;width:100vw;

        .mmap{
            position:absolute;
            height:91vh;
            top:9vh;
            width:100vw;
        }

        .left_panel{
            height:calc(100% - 2vh);
            margin:1vh;
            width:calc(25vw - 2vh);
            background-size: 100% 100%;
            background-position: center center;
            float:left;
            pointer-events: all;
        }

        .mid_panel{
            height:calc(100% - 2vh);
            margin:1vh 0;
            width:50vw;
            background:rgba(0,0,0,0);
            float:left;
        }

        .right_panel{
            height:calc(100% - 2vh);
            margin:1vh;
            width:calc(25vw - 2vh);
            background-size: 100% 100%;
            background-position: center center;
            float:left;
            pointer-events: all;
        }

        .menu_btm{
            position:absolute;
            z-index:99;
            height: 2vh;
            width: 51vw;
            left: 24.5vw;
            bottom:3vh;
            text-align:center;

            .menu_btn{
                height:100%;
                display: inline-block;
                background-size: 100% 100%;
                background-position: center center;

                div{
                    height: 3vh;
                    min-width: 0.6vw;
                    font-size: 1.2vh;
                    line-height: 3vh;
                    float: left;
                    background-size: 100% 100%;
                    background-position: center center;
                    color: #fff;
                    cursor:pointer;
                }

                .menu_btn_l{
                    background-image:url("/vae/images/T-zuoce.png");
                    width:1vw;
                }
                .menu_btn_l_hover{
                    background-image:url("/vae/images/T-qianse-you.png");
                    width:1vw;
                }

                .x_line{
                    background-image:url("/vae/images/x_line.png");
                    width:0vw;
                }

                .menu_btn_m{
                    background-image:url("/vae/images/T-zhongjian.png");
                }
                .menu_btn_m_hover{
                    background-image:url("/vae/images/xian.png");
                }

                .menu_btn_rend{
                    background-image:url("/vae/images/T-youce.png");
                    width: 1vw;
                }
                .menu_btn_rend_hover{
                    background-image:url("/vae/images/T-qianse-zuo.png");
                    width: 1vw;
                }


            }


        }
    }
    .fc_page{
        width:100%;
        height:100%;
    }
    .dl_page{
        width:100%;
        height:100%;
    }
    .frame_panel{
        position:absolute;z-index:100;height:91vh;top:9vh;width:100vw;
        background: url(/vae/img/indexBanner.c701e843.png) no-repeat;
        background-size: 100% 100%;
    }
}
